<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <style type="text/css">
        body{margin: 0;padding:0;background-color: #f9faee}
        .square .center-block{
            width:500px;
            height:300px;
            background-color: #c9d8b9;
            border-radius: 10%;
            margin: 0px auto;
        }
        .square .shuru>input {
            margin: 10px 130px 20px;
            height: 28px;
            width: 230px;
            border-radius: 12px;
            background-color: #8aaf6c;
            color: white;
            border: 1px solid rgba(138, 175, 108, 0);
            outline: none;
            font-size: 15px;
        }
        .center-block>form>button:hover{
            transform: scale(1.05,1.05);
            box-shadow: #ecdeba;
        }
    </style>
</head>
<body>
<div class="square" >
    <p style="font-family:arial;font-size:60px;text-align: center;
            font-style: oblique;color: #198377; margin: 80px auto;
            font-weight: bold">欢迎回来{{ username }}</p>
    <div class="center-block">
        <p style="font-family:arial;font-size: 30px;color: #104e8b;font-weight: bolder;
         margin: 0 auto 20px;text-align:center">个人中心</p>

        <form class="shuru" action="{% url "um:crawlers" %}" method="post">

            <input type="text" placeholder="请输入需要爬取图片的关键字" name="pics">

            <input type="text" placeholder="输入选择爬取的数量（阿拉伯数字）" name="nums">

            <button class="submit" style="height: 30px;width: 120px;margin: 10px 185px;
            background-color: #198377;border-color: rgba(120,162,126,0);
            color: #fbfaf6;border-radius: 5px">提交</button>

        </form>

        <form action="{% url "um:logout" %}">

            <button style="height: 30px;width: 120px;margin: 5px 185px;
            background-color: #78a27e;border-color: rgba(120,162,126,0);
            color: #fbfaf6;border-radius: 5px">退出登录</button>
        </form>
    </div>
</div>
</body>
</html>